/**
 * @description 通过指定选择器获取对应的函数节点
 * @param { string } selector  选择器
 * @returns  函数节点
 */

function $(selector) {
	//传入选择器得到对应的节点
	let nodeList = document.querySelectorAll(selector);
	// //判断传入节点长度为空
	// if (selector.length === 0) {
	// 	return console.warn(`没有获取到 ${selector}节点`);
	// }
	// //判断节点为一个 取第0个节点
	// if (selector.length === 1) {
	// 	return nodeList[0];
	// }
	// //判断节点大于一 有很多个
	// if (selector.length > 1) {
	// 	return nodeList;
	// }
	switch (nodeList.length) {
		case 0:
			return console.warn(`没有获取到 ${selector}节点`);
		case 1:
			return nodeList[0];
		default:
			return nodeList;
	}
}
// 封装的遍历排他
function tabChange(tabSelector, tabClass, contentSelector, contentClass) {
	// 先给每个li绑定点击事件
	$(tabSelector).forEach(function (v, i) {
		v.addEventListener("click", function () {
			// 点击
			$(tabSelector).forEach(function (item, index) {
				// 排他 移除激活样式
				item.classList.remove(tabClass);
				if (contentSelector) {
					$(contentSelector)[index].classList.remove(contentClass);
				}
				//通过对应的索引让卡片内容消失
			});
			this.classList.add(tabClass); //在给自己添加激活样式
			if (contentSelector) {
				$(contentSelector)[i].classList.add(contentClass); //通过索引显示对应的卡片内容
			}
		});
	});
}
